<*****页面尾部*****>
<template>
	<footer class="pageFooter">
		<Row>
			<Col span="4" v-if="showSysLogo">
				<img :src="sysLogo" @error="hideSysLogo" v-if="showSysLogo" alt="logo" style="width:100%;height:auto;" />
			</Col>
			<Col :span="showSysLogo ? 19 : 24" :offset="showSysLogo ? 1 : 0" style="border-top:1px solid #b3b3b3;">
				<p style="padding:7px 0;color:#333;">
					<!-- <span>中国<span class="dot"></span>{{configAddress}}</span> -->
					<span style="float:right;">
		       		<!--
		       			<span>邮编:100089</span>
						<span style="margin-left:20px;">电话:xxx</span> -->
					</span>
				</p>
				<p style="color:#666;">{{configInstruction}}
				</p>
			</Col>
		</Row>
	</footer>
</template>

<script>
	import baseURL from '@/api/index'
	import { getLogoImg } from '@/api/login.js'
	export default {
		name: 'pageFooter',
		props:['configAddress','configInstruction'],
		data() {
			return {
				sysLogo:'',
				showSysLogo:false
			}
		},
		watch: {

		},
		filters: {

		},
		computed: {

		},
		mounted() {
			// this.sysLogo = `${baseURL}/sdn/sys/menu/sysImage?sysType=2&label=1`
			// this.getLogo()
		},
		beforeDestroy() {

		},
		methods: {
			hideSysLogo() {
				this.showSysLogo = false;
			},
			// 获取系统浏览器标签的图标
            getLogo(){
                let params = {
                    systemType:'designer'
                }
                getLogoImg(params)
                .then(res=>{
                    if(res.data.code === 1){
                        this.sysLogo = 'data:image/png;base64,'+res.data.data[0].logo
                    }
                })
                .catch(err=>{
                    console.log(err)
                })
            },
		},
		destroyed() {

		}
	}
</script>

<style scoped>
	.pageFooter .dot {
		width: 2px;
		height: 2px;
		background: #515a6e;
		border-radius: 50%;
		display: inline-block;
		vertical-align: middle;
		margin: 2px;
	}
	.pageFooter {
		font-size: 0.8em;
		margin-top: 2em;
	}
</style>